<!-- footer -->
<template>
  <div class="footer">
    <div class="footerContent">
      <div class="footCon">
        <img :src="require('_as/code.png')" alt="">
        <div class="footerSpan">
          <p>旅游/资讯电话：0851-22605190</p>
          <p>24小时投诉电话：0851-22622220</p>
          <p>主办单位：习水县旅游局  地址：习水县人民路与红一路交叉口东北50米  邮政编码：564600</p>
        </div>
      </div>
      <img class="footer-code-logo" :src="require('_as/codeLogo.png')" alt="">
    </div>
    <img :src="require('_as/footer.png')" alt="">
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  components: {},
  computed: {},
  created () {},
  mounted () {},
  methods: {}
}

</script>

<style lang='stylus' rel='stylesheet/stylus' scoped>
.footer {
  width 100%
  height 160px
  overflow hidden
  position relative
  .footerContent {
    position absolute
    top 50px
    left 0
    width 100%
    height calc(100% - 60px)
    color #fff
    display flex
    justify-content center
    align-items center
    .footer-code-logo {
      width 600px
      height 120px
      margin-left 40px
      opacity 1
    }
    .footCon {
      display flex
      justify-content center
      align-items center
      .footerSpan {
        text-align left
        margin-left 20px
        color #fff
        font-size 12px
        p {
          padding 2px 0
          cursor default
          &:hover {
            color #fff
          }
        }
      }
      img {
        width 90px
        height 70px
        opacity 0.8
        &:hover {
          opacity 1
        }
      }
    }
  }
  img {
    width 100%
    height 100%
  }
}
</style>
